@import "base_mob.css";
@import "datesele.css";
.mobils_warp {
  width: 100%;
  height: 100%;
  max-width: 540px;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.mobils_warp .play {
  position: fixed;
  top: 0.48rem;
  right: 0.48rem;
  z-index: 555;
  width: 1.12rem !important;
  height: 1.12rem !important;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.mobils_warp .play img {
  display: block;
  width: 0.61866667rem;
  margin: 0.25066667rem auto;
  position: relative;
  z-index: 333;
}
.mobils_warp .pause {
  position: fixed;
  top: 0.48rem;
  right: 0.48rem;
  z-index: 555;
  width: 1.12rem !important;
  height: 1.12rem !important;
  display: block !important;
  margin: 0 auto !important;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  -webkit-animation: rotating 1.2s linear infinite;
  -moz-animation: rotating 1.2s linear infinite;
  -ms-animation: rotating 1.2s linear infinite;
  -o-animation: rotating 1.2s linear infinite;
  animation: rotating 1.2s linear infinite;
}
.mobils_warp .pause img {
  display: block;
  width: 0.61866667rem;
  margin: 0.25066667rem auto;
  position: relative;
  z-index: 333;
}
.mobils_warp .activity_btnblack {
  position: fixed;
  right: 0.53333333rem;
  bottom: 0.53333333rem;
  z-index: 555;
}
.mobils_warp .activity_btnblack .btnimg {
  width: 1.6rem;
  height: 1.6rem;
}
.mobils_warp .activity_btnblack .btn {
  display: block;
  font-size: 0.32rem;
  text-align: center;
  color: #181818;
}
.mobils_warp .arrow_b {
  display: block;
  width: 0.53333333rem;
  height: 0.53333333rem;
  position: absolute;
  left: 50%;
  bottom: 0.66666667rem;
  border: 3px solid transparent;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  z-index: 99;
  opacity: .8;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-animation: arrow_b 1.5s infinite ease-in-out;
  -moz-animation: arrow_b 1.5s infinite ease-in-out;
  -ms-animation: arrow_b 1.5s infinite ease-in-out;
  -o-animation: arrow_b 1.5s infinite ease-in-out;
  animation: arrow_b 1.5s infinite ease-in-out;
}
.mobils_warp .arrow_t {
  display: block;
  width: 0.53333333rem;
  height: 0.53333333rem;
  position: absolute;
  left: 50%;
  bottom: 0.66666667rem;
  border: 3px solid transparent;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  z-index: 99;
  opacity: .8;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: arrow_t 1.5s infinite ease-in-out;
  -moz-animation: arrow_t 1.5s infinite ease-in-out;
  -ms-animation: arrow_t 1.5s infinite ease-in-out;
  -o-animation: arrow_t 1.5s infinite ease-in-out;
  animation: arrow_t 1.5s infinite ease-in-out;
}
.mobils_warp .myswiper-container {
  width: 100%;
  height: 100%;
}
.mobils_warp .myswiper-container .swiper-wrapper {
  width: 100%;
}
.mobils_warp .dra_page {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}
.mobils_warp .dra_page .bam_one {
  width: 2.8rem;
  position: absolute;
  right: 0;
  top: 0;
}
.mobils_warp .dra_page .bam_tow {
  width: 1.46666667rem;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -mos-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.mobils_warp .dra_page .dra_home {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  position: relative;
}
.mobils_warp .dra_page .dra_home .cri {
  display: block;
  width: 5.89333333rem;
  margin: 1.97333333rem auto 0;
}
.mobils_warp .dra_page .dra_home .cloud_noe {
  position: absolute;
  right: 1.01333333rem;
  top: 2.72rem;
  width: 2.50666667rem;
  height: 0.64rem;
}
.mobils_warp .dra_page .dra_home .cloud_two {
  position: absolute;
  left: 1.46666667rem;
  top: 6.53333333rem;
  width: 2.10666667rem;
  height: 0.53333333rem;
}
.mobils_warp .dra_page .dra_home .theme_one {
  position: absolute;
  left: 3.73333333rem;
  top: 1.01333333rem;
  width: 1.86666667rem;
}
.mobils_warp .dra_page .dra_home .theme_two {
  position: absolute;
  left: 4.61333333rem;
  top: 2.64rem;
  width: 1.6rem;
}
.mobils_warp .dra_page .dra_home .theme_thr {
  position: absolute;
  left: 4.53333333rem;
  top: 5.01333333rem;
  width: 1.86666667rem;
}
.mobils_warp .dra_page .dra_home .theme_four {
  position: absolute;
  left: 3.30666667rem;
  top: 2.93333333rem;
  width: 0.66666667rem;
}
.mobils_warp .dra_page .dra_home .text_p {
  text-align: center;
  font-size: 0.48rem;
  color: #027838;
  line-height: 0.66666667rem;
  padding-top: 0.53333333rem;
}
.mobils_warp .dra_page .dra_home .loo {
  position: absolute;
  z-index: 2;
  left: 0.69333333rem;
  top: 8.53333333rem;
  width: 8.10666667rem;
}
.mobils_warp .dra_page .dra_home .rice {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 1.41333333rem;
  width: 6.4rem;
  margin-left: -3.6rem;
}
.mobils_warp .dra_page .dra_home .footer_one {
  position: absolute;
  left: 0;
  bottom: -0.4rem;
  width: 100%;
}
.mobils_warp .dra_page .dra_invi {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  position: relative;
}
.mobils_warp .dra_page .dra_invi .logo_render {
  display: block;
  width: 1.73333333rem;
  height: 1.73333333rem;
  margin: 0.8rem auto 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 0.05333333rem solid #ffffff;
}
.mobils_warp .dra_page .dra_invi .invi_title {
  padding: 0.4rem 1.01333333rem 0.13333333rem;
}
.mobils_warp .dra_page .dra_invi .invi_title p {
  text-align: center;
  font-size: 0.53333333rem;
  line-height: 0.74666667rem;
  color: #3D7223;
}
.mobils_warp .dra_page .dra_invi .invi_txt {
  text-align: center;
  font-size: 0.37333333rem;
  line-height: 0.53333333rem;
  color: #3D7223;
}
.mobils_warp .dra_page .dra_invi .theme_title {
  position: absolute;
  bottom: 8rem;
  width: 100%;
}
.mobils_warp .dra_page .dra_invi .theme_title .title_left {
  position: absolute;
  top: 0.08rem;
  left: 1.41333333rem;
  width: 0.61333333rem;
}
.mobils_warp .dra_page .dra_invi .theme_title .title_right {
  display: block;
  margin-left: 2.13333333rem;
  width: 6.50666667rem;
}
.mobils_warp .dra_page .dra_invi .theme_img {
  position: absolute;
  bottom: 0.8rem;
  left: 50%;
  display: block;
  width: 7.12rem;
  margin-left: -3.56rem;
}
.mobils_warp .dra_page .dra_invi .rice_img {
  display: block;
  width: 6.37333333rem;
  margin: -1.57333333rem auto 0;
}
.mobils_warp .dra_page .dra_intr {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  position: relative;
}
.mobils_warp .dra_page .dra_intr .bam_thr {
  width: 1.46666667rem;
  position: absolute;
  left: 0;
  top: 0.53333333rem;
}
.mobils_warp .dra_page .dra_intr .describe_img {
  display: block;
  margin: 1.6rem auto 0.45333333rem;
  width: 9.06666667rem;
}
.mobils_warp .dra_page .dra_intr .custom {
  padding: 0 1.33333333rem 0.13333333rem 1.86666667rem;
}
.mobils_warp .dra_page .dra_intr .custom .custom_left {
  width: 2.93333333rem;
}
.mobils_warp .dra_page .dra_intr .custom .custom_right {
  width: 2.93333333rem;
  margin-left: 0.53333333rem;
}
.mobils_warp .dra_page .dra_intr .sai_img {
  display: block;
  width: 2.37333333rem;
  margin: 0.53333333rem auto 0;
}
.mobils_warp .dra_page .dra_intr .loo_thr {
  display: block;
  width: 9.2rem;
  margin-left: 0.61333333rem;
  margin-top: -0.8rem;
  position: relative;
  z-index: 3;
}
.mobils_warp .dra_page .dra_intr .intr_text {
  position: relative;
  z-index: 4;
}
.mobils_warp .dra_page .dra_intr .intr_text p {
  font-size: 0.37333333rem;
  color: #333;
  line-height: 0.53333333rem;
  text-align: center;
  padding-top: 0.16rem;
}
.mobils_warp .dra_page .dra_intr .footer_thr {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.mobils_warp .dra_page .dra_mess {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  padding: 0.93333333rem 0.4rem 0.53333333rem;
}
.mobils_warp .dra_page .dra_mess .mess_title {
  margin-bottom: 0.4rem;
  font-size: 0.42666667rem;
  color: #333;
  line-height: 1.06666667rem;
  background: url("../images/icon/tit.png") no-repeat left center;
  background-size: 0.66666667rem 0.66666667rem;
  padding-left: 0.93333333rem;
}
.mobils_warp .dra_page .dra_mess .mess_list {
  width: 100%;
}
.mobils_warp .dra_page .dra_mess .mess_list li {
  width: 100%;
  background: #FFF;
  -webkit-border-radius: 0.21333333rem;
  -moz-border-radius: 0.21333333rem;
  -ms-border-radius: 0.21333333rem;
  -o-border-radius: 0.21333333rem;
  border-radius: 0.21333333rem;
  margin-bottom: 0.21333333rem;
}
.mobils_warp .dra_page .dra_mess .mess_list li .list {
  width: 100%;
  padding: 0.4rem 0.4rem 0.13333333rem;
}
.mobils_warp .dra_page .dra_mess .mess_list li .list .timeimg {
  width: 0.42666667rem;
  height: 0.42666667rem;
  margin-top: 0.10666667rem;
}
.mobils_warp .dra_page .dra_mess .mess_list li .list .mess_time {
  font-size: 0.37333333rem;
  color: #333333;
  position: relative;
  z-index: 555;
  line-height: 0.66666667rem;
  padding-left: 0.26666667rem;
}
.mobils_warp .dra_page .dra_mess .mess_list li .list .mess_address {
  width: 0.42666667rem;
  height: 0.42666667rem;
  margin-top: 0.10666667rem;
}
.mobils_warp .dra_page .dra_mess .mess_list li .time_num {
  font-size: 0.32rem;
  line-height: 0.53333333rem;
  color: #333;
  padding: 0 0.4rem 0.4rem 1.06666667rem;
}
.mobils_warp .dra_page .dra_mess .mess_bot {
  margin-top: 1.33333333rem;
  width: 4.88rem;
  height: 2.29333333rem;
  padding: 0.21333333rem 0.26666667rem 0.13333333rem 0.4rem;
  color: #fff;
  font-size: 0.32rem;
  background: url("../images/draFes/rectangle.png") no-repeat center;
  background-size: cover;
}
.mobils_warp .dra_page .dra_mess .theme_rice {
  position: absolute;
  right: 0;
  bottom: 0.53333333rem;
  width: 6.32rem;
}
.mobils_warp .dra_page .dra_user {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  padding: 0.93333333rem 0.4rem 0.53333333rem;
}
.mobils_warp .dra_page .dra_user .mess_title {
  margin-bottom: 0.4rem;
  font-size: 0.42666667rem;
  color: #333;
  line-height: 1.06666667rem;
  background: url("../images/icon/tit1.png") no-repeat left center;
  background-size: 0.66666667rem 0.66666667rem;
  padding-left: 1.06666667rem;
}
.mobils_warp .dra_page .dra_user .mess_list {
  background: #fff;
  border-radius: 0.21333333rem;
  padding: 0.53333333rem 0.4rem 1.33333333rem;
}
.mobils_warp .dra_page .dra_user .mess_list .baby_name {
  position: relative;
  padding-top: 0.8rem;
  padding-bottom: 0.29333333rem;
  border-bottom: 1px solid #e6e6e6;
}
.mobils_warp .dra_page .dra_user .mess_list .baby_name .baby_input {
  display: block;
  width: 70%;
  height: 0.85333333rem;
  line-height: 0.85333333rem;
  color: #333;
  font-size: 0.37333333rem;
}
.mobils_warp .dra_page .dra_user .mess_list .baby_name .baby_la {
  height: 0.85333333rem;
  line-height: 0.85333333rem;
  color: #333;
  font-size: 0.37333333rem;
}
.mobils_warp .dra_page .dra_user .mess_list .baby_name .obtain_code {
  display: block;
  color: #fff;
  width: 2.53333333rem;
  height: 0.85333333rem;
  line-height: 0.85333333rem;
  text-align: center;
  font-size: 0.32rem;
  background-color: #0099FF;
  -webkit-border-radius: 0.08rem;
  -moz-border-radius: 0.08rem;
  -ms-border-radius: 0.08rem;
  -o-border-radius: 0.08rem;
  border-radius: 0.08rem;
  position: absolute;
  right: 0;
  bottom: 0.37333333rem;
}
.mobils_warp .dra_page .dra_user .mess_list ::-webkit-input-placeholder {
  color: #999999;
  font-size: 0.37333333rem;
}
.mobils_warp .dra_page .dra_user .mess_list ::-moz-placeholder {
  color: #999999;
  font-size: 0.37333333rem;
}
.mobils_warp .dra_page .dra_user .mess_list :-ms-input-placeholder {
  color: #999999;
  font-size: 0.37333333rem;
}
.mobils_warp .dra_page .dra_user .mess_list input:-moz-placeholder {
  color: #999999;
  font-size: 0.37333333rem;
}
.mobils_warp .dra_page .dra_user .mess_list .cord_error {
  font-size: 0.32rem;
  color: #ff1313;
  line-height: 0.45333333rem;
  text-align: right;
  padding-top: 0.18666667rem;
}
.mobils_warp .dra_page .dra_user .mess_list .sub_btn {
  display: block;
  width: 100%;
  height: 1.33333333rem;
  line-height: 1.33333333rem;
  color: #999999;
  font-size: 0.42666667rem;
  text-align: center;
  background-color: #F3F3F3;
  -webkit-border-radius: 1.33333333rem 1.33333333rem;
  -moz-border-radius: 1.33333333rem 1.33333333rem;
  -ms-border-radius: 1.33333333rem 1.33333333rem;
  -o-border-radius: 1.33333333rem 1.33333333rem;
  border-radius: 1.33333333rem 1.33333333rem;
  margin: 0.4rem auto 0;
}
.mobils_warp .dra_page .dra_success {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  position: relative;
}
.mobils_warp .dra_page .dra_success .bam_thr {
  width: 1.46666667rem;
  position: absolute;
  left: 0;
  top: 1.46666667rem;
}
.mobils_warp .dra_page .dra_success .suc_img {
  display: block;
  width: 6.69333333rem;
  margin: 4.58666667rem auto 0.16rem;
}
.mobils_warp .dra_page .dra_success .suc_text {
  margin: 0 auto 0.66666667rem;
  width: 6.77333333rem;
  height: 0.74666667rem;
  text-align: center;
  font-size: 0.34666667rem;
  color: #76661F;
  padding: 0.16rem 0 0.10666667rem;
}
.mobils_warp .dra_page .dra_success .loosuc_img {
  display: block;
  width: 6.77333333rem;
  margin: 0 auto;
}
.mobils_warp .dra_page .dra_success .ship_img {
  width: 6.53333333rem;
  position: absolute;
  bottom: 0.8rem;
  right: 1.46666667rem;
  z-index: 5;
}
.mobils_warp .dra_page .dra_success .footer_six {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.mobils_warp .alitghost_page {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
}
.mobils_warp .alitghost_page .alitghost_home {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: 100% 100%;
  position: relative;
}
.mobils_warp .alitghost_page .alitghost_home .render {
  display: block;
  width: 100%;
  margin-top: -0.8rem;
}
.mobils_warp .alitghost_page .alitghost_home .title_one {
  display: block;
  width: 7.78666667rem;
  margin: 0.13333333rem auto 0.26666667rem;
}
.mobils_warp .alitghost_page .alitghost_home .tiele_text {
  display: block;
  width: 4.26666667rem;
  margin: 0 auto;
}
.mobils_warp .alitghost_page .alitghost_home .theme_ghost {
  position: absolute;
  left: 0;
  bottom: -0.53333333rem;
  width: 100%;
}
.mobils_warp .alitghost_page .alitghost_home .title_textf {
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 0.85333333rem;
  width: 6.72rem;
  margin-left: -3.36rem;
}
.mobils_warp .alitghost_page .alitghost_invi {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  position: relative;
}
.mobils_warp .alitghost_page .alitghost_invi .logo_render {
  display: block;
  width: 1.52rem;
  height: 1.52rem;
  margin: 0.8rem auto 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 0.05333333rem solid #ffffff;
}
.mobils_warp .alitghost_page .alitghost_invi .invi_title {
  padding: 0.4rem 1.01333333rem 0.13333333rem;
}
.mobils_warp .alitghost_page .alitghost_invi .invi_title p {
  text-align: center;
  font-size: 0.53333333rem;
  line-height: 0.74666667rem;
  color: #FF4539;
}
.mobils_warp .alitghost_page .alitghost_invi .invi_txt {
  text-align: center;
  font-size: 0.37333333rem;
  line-height: 0.53333333rem;
  color: #FF4539;
  padding-bottom: 0.21333333rem;
}
.mobils_warp .alitghost_page .alitghost_invi .theme_title {
  width: 100%;
}
.mobils_warp .alitghost_page .alitghost_invi .theme_title .title_left {
  display: block;
  margin: 0 auto 0.13333333rem;
  width: 6.69333333rem;
}
.mobils_warp .alitghost_page .alitghost_invi .theme_title .title_right {
  display: block;
  margin: 0 auto;
  width: 7.2rem;
}
.mobils_warp .alitghost_page .alitghost_invi .theme_img {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  display: block;
  width: 7.46666667rem;
  margin-left: -3.73333333rem;
}
.mobils_warp .alitghost_page .alitghost_intr {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  position: relative;
}
.mobils_warp .alitghost_page .alitghost_intr .intr_text {
  width: 7.17333333rem;
  height: 10.4rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  padding: 1.86666667rem 0.45333333rem 0;
  position: relative;
  z-index: 4;
}
.mobils_warp .alitghost_page .alitghost_intr .intr_text .lovelist_img {
  display: block;
  width: 100%;
  margin: 0 auto 0.13333333rem;
}
.mobils_warp .alitghost_page .alitghost_intr .intr_text p {
  font-size: 0.37333333rem;
  color: #FFFFFF;
  line-height: 0.58666667rem;
  margin-bottom: 0.26666667rem;
}
.mobils_warp .alitghost_page .alitghost_intr .intr_text .p_back {
  background-position: left 0.16rem;
  background-repeat: no-repeat;
  background-size: 0.29333333rem 0.26666667rem;
  text-indent: 0.53333333rem;
}
.mobils_warp .alitghost_page .alitghost_intr .footer_ghost {
  width: 100%;
  position: absolute;
  bottom: -0.26666667rem;
}
.mobils_warp .alitghost_page .alitghost_mess {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  padding: 0.93333333rem 0.4rem 0.53333333rem;
}
.mobils_warp .alitghost_page .alitghost_mess .mess_title {
  margin-bottom: 0.4rem;
  font-size: 0.42666667rem;
  color: #333;
  line-height: 1.06666667rem;
  background: url("../images/icon/tit.png") no-repeat left center;
  background-size: 0.66666667rem 0.66666667rem;
  padding-left: 0.93333333rem;
}
.mobils_warp .alitghost_page .alitghost_mess .mess_list {
  width: 100%;
}
.mobils_warp .alitghost_page .alitghost_mess .mess_list li {
  width: 100%;
  background: #FFF;
  -webkit-border-radius: 0.21333333rem;
  -moz-border-radius: 0.21333333rem;
  -ms-border-radius: 0.21333333rem;
  -o-border-radius: 0.21333333rem;
  border-radius: 0.21333333rem;
  margin-bottom: 0.21333333rem;
}
.mobils_warp .alitghost_page .alitghost_mess .mess_list li .list {
  width: 100%;
  padding: 0.4rem 0.4rem 0.13333333rem;
}
.mobils_warp .alitghost_page .alitghost_mess .mess_list li .list .timeimg {
  width: 0.42666667rem;
  height: 0.42666667rem;
  margin-top: 0.10666667rem;
}
.mobils_warp .alitghost_page .alitghost_mess .mess_list li .list .mess_time {
  font-size: 0.37333333rem;
  color: #333333;
  position: relative;
  z-index: 555;
  line-height: 0.66666667rem;
  padding-left: 0.26666667rem;
}
.mobils_warp .alitghost_page .alitghost_mess .mess_list li .list .mess_address {
  width: 0.42666667rem;
  height: 0.42666667rem;
  margin-top: 0.10666667rem;
}
.mobils_warp .alitghost_page .alitghost_mess .mess_list li .time_num {
  font-size: 0.32rem;
  line-height: 0.53333333rem;
  color: #333;
  padding: 0 0.4rem 0.4rem 1.06666667rem;
}
.mobils_warp .alitghost_page .alitghost_mess .mess_bot {
  margin-top: 0.8rem;
  width: 4.88rem;
  height: 2.29333333rem;
  padding: 0.21333333rem 0.26666667rem 0.13333333rem 0.4rem;
  color: #fff;
  font-size: 0.32rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.mobils_warp .alitghost_page .alitghost_mess .theme_rice {
  position: absolute;
  right: 0.77333333rem;
  bottom: 2.66666667rem;
  width: 3.33333333rem;
}
.mobils_warp .alitghost_page .alitghost_user {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  padding: 0.93333333rem 0.4rem 0.53333333rem;
}
.mobils_warp .alitghost_page .alitghost_user .mess_title {
  margin-bottom: 0.4rem;
  font-size: 0.42666667rem;
  color: #333;
  line-height: 1.06666667rem;
  background: url("../images/icon/tit1.png") no-repeat left center;
  background-size: 0.66666667rem 0.66666667rem;
  padding-left: 1.06666667rem;
}
.mobils_warp .alitghost_page .alitghost_user .mess_list {
  background: #fff;
  border-radius: 0.21333333rem;
  padding: 0.53333333rem 0.4rem 1.33333333rem;
}
.mobils_warp .alitghost_page .alitghost_user .mess_list .baby_name {
  position: relative;
  padding-top: 0.8rem;
  padding-bottom: 0.29333333rem;
  border-bottom: 1px solid #e6e6e6;
}
.mobils_warp .alitghost_page .alitghost_user .mess_list .baby_name .baby_input {
  display: block;
  width: 70%;
  height: 0.85333333rem;
  line-height: 0.85333333rem;
  color: #333;
  font-size: 0.37333333rem;
}
.mobils_warp .alitghost_page .alitghost_user .mess_list .baby_name .baby_la {
  height: 0.85333333rem;
  line-height: 0.85333333rem;
  color: #333;
  font-size: 0.37333333rem;
}
.mobils_warp .alitghost_page .alitghost_user .mess_list .baby_name .obtain_code {
  display: block;
  color: #fff;
  width: 2.53333333rem;
  height: 0.85333333rem;
  line-height: 0.85333333rem;
  text-align: center;
  font-size: 0.32rem;
  background-color: #0099FF;
  -webkit-border-radius: 0.08rem;
  -moz-border-radius: 0.08rem;
  -ms-border-radius: 0.08rem;
  -o-border-radius: 0.08rem;
  border-radius: 0.08rem;
  position: absolute;
  right: 0;
  bottom: 0.37333333rem;
}
.mobils_warp .alitghost_page .alitghost_user .mess_list ::-webkit-input-placeholder {
  color: #999999;
  font-size: 0.37333333rem;
}
.mobils_warp .alitghost_page .alitghost_user .mess_list ::-moz-placeholder {
  color: #999999;
  font-size: 0.37333333rem;
}
.mobils_warp .alitghost_page .alitghost_user .mess_list :-ms-input-placeholder {
  color: #999999;
  font-size: 0.37333333rem;
}
.mobils_warp .alitghost_page .alitghost_user .mess_list input:-moz-placeholder {
  color: #999999;
  font-size: 0.37333333rem;
}
.mobils_warp .alitghost_page .alitghost_user .mess_list .cord_error {
  font-size: 0.32rem;
  color: #ff1313;
  line-height: 0.45333333rem;
  text-align: right;
  padding-top: 0.18666667rem;
}
.mobils_warp .alitghost_page .alitghost_user .mess_list .sub_btn {
  display: block;
  width: 100%;
  height: 1.33333333rem;
  line-height: 1.33333333rem;
  color: #999999;
  font-size: 0.42666667rem;
  text-align: center;
  background-color: #F3F3F3;
  -webkit-border-radius: 1.33333333rem 1.33333333rem;
  -moz-border-radius: 1.33333333rem 1.33333333rem;
  -ms-border-radius: 1.33333333rem 1.33333333rem;
  -o-border-radius: 1.33333333rem 1.33333333rem;
  border-radius: 1.33333333rem 1.33333333rem;
  margin: 0.4rem auto 0;
}
.mobils_warp .alitghost_page .alitghost_success {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  position: relative;
}
.mobils_warp .alitghost_page .alitghost_success .suc_img {
  display: block;
  width: 7.38666667rem;
  margin: 2.93333333rem auto 0.16rem;
}
.mobils_warp .alitghost_page .alitghost_success .suc_text {
  margin: 0 auto 0.88rem;
  width: 6.77333333rem;
  height: 0.74666667rem;
  text-align: center;
  font-size: 0.34666667rem;
  color: #FFFFFF;
  padding: 0.16rem 0 0.10666667rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.mobils_warp .alitghost_page .alitghost_success .loosuc_img {
  display: block;
  position: absolute;
  bottom: 0.48rem;
  width: 100%;
  height: 10.08rem;
  z-index: 6;
}
.mobils_warp .alitghost_page .alitghost_success .footer_six {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-moz-keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-ms-keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-o-keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-webkit-keyframes arrow_b {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0px) rotate(-135deg);
    -moz-transform: translate(0, 0px) rotate(-135deg);
    -ms-transform: translate(0, 0px) rotate(-135deg);
    -o-transform: translate(0, 0px) rotate(-135deg);
    transform: translate(0, 0px) rotate(-135deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0, 5px) rotate(-135deg);
    -moz-transform: translate(0, 5px) rotate(-135deg);
    -ms-transform: translate(0, 5px) rotate(-135deg);
    -o-transform: translate(0, 5px) rotate(-135deg);
    transform: translate(0, 5px) rotate(-135deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 10px) rotate(-135deg);
    -moz-transform: translate(0, 10px) rotate(-135deg);
    -ms-transform: translate(0, 10px) rotate(-135deg);
    -o-transform: translate(0, 10px) rotate(-135deg);
    transform: translate(0, 10px) rotate(-135deg);
  }
}
@-moz-keyframes arrow_b {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0px) rotate(-135deg);
    -moz-transform: translate(0, 0px) rotate(-135deg);
    -ms-transform: translate(0, 0px) rotate(-135deg);
    -o-transform: translate(0, 0px) rotate(-135deg);
    transform: translate(0, 0px) rotate(-135deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0, 5px) rotate(-135deg);
    -moz-transform: translate(0, 5px) rotate(-135deg);
    -ms-transform: translate(0, 5px) rotate(-135deg);
    -o-transform: translate(0, 5px) rotate(-135deg);
    transform: translate(0, 5px) rotate(-135deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 10px) rotate(-135deg);
    -moz-transform: translate(0, 10px) rotate(-135deg);
    -ms-transform: translate(0, 10px) rotate(-135deg);
    -o-transform: translate(0, 10px) rotate(-135deg);
    transform: translate(0, 10px) rotate(-135deg);
  }
}
@-ms-keyframes arrow_b {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0px) rotate(-135deg);
    -moz-transform: translate(0, 0px) rotate(-135deg);
    -ms-transform: translate(0, 0px) rotate(-135deg);
    -o-transform: translate(0, 0px) rotate(-135deg);
    transform: translate(0, 0px) rotate(-135deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0, 5px) rotate(-135deg);
    -moz-transform: translate(0, 5px) rotate(-135deg);
    -ms-transform: translate(0, 5px) rotate(-135deg);
    -o-transform: translate(0, 5px) rotate(-135deg);
    transform: translate(0, 5px) rotate(-135deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 10px) rotate(-135deg);
    -moz-transform: translate(0, 10px) rotate(-135deg);
    -ms-transform: translate(0, 10px) rotate(-135deg);
    -o-transform: translate(0, 10px) rotate(-135deg);
    transform: translate(0, 10px) rotate(-135deg);
  }
}
@-o-keyframes arrow_b {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0px) rotate(-135deg);
    -moz-transform: translate(0, 0px) rotate(-135deg);
    -ms-transform: translate(0, 0px) rotate(-135deg);
    -o-transform: translate(0, 0px) rotate(-135deg);
    transform: translate(0, 0px) rotate(-135deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0, 5px) rotate(-135deg);
    -moz-transform: translate(0, 5px) rotate(-135deg);
    -ms-transform: translate(0, 5px) rotate(-135deg);
    -o-transform: translate(0, 5px) rotate(-135deg);
    transform: translate(0, 5px) rotate(-135deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 10px) rotate(-135deg);
    -moz-transform: translate(0, 10px) rotate(-135deg);
    -ms-transform: translate(0, 10px) rotate(-135deg);
    -o-transform: translate(0, 10px) rotate(-135deg);
    transform: translate(0, 10px) rotate(-135deg);
  }
}
@keyframes arrow_b {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0px) rotate(-135deg);
    -moz-transform: translate(0, 0px) rotate(-135deg);
    -ms-transform: translate(0, 0px) rotate(-135deg);
    -o-transform: translate(0, 0px) rotate(-135deg);
    transform: translate(0, 0px) rotate(-135deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0, 5px) rotate(-135deg);
    -moz-transform: translate(0, 5px) rotate(-135deg);
    -ms-transform: translate(0, 5px) rotate(-135deg);
    -o-transform: translate(0, 5px) rotate(-135deg);
    transform: translate(0, 5px) rotate(-135deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 10px) rotate(-135deg);
    -moz-transform: translate(0, 10px) rotate(-135deg);
    -ms-transform: translate(0, 10px) rotate(-135deg);
    -o-transform: translate(0, 10px) rotate(-135deg);
    transform: translate(0, 10px) rotate(-135deg);
  }
}
@-webkit-keyframes arrow_t {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0px) rotate(45deg);
    -moz-transform: translate(0, 0px) rotate(45deg);
    -ms-transform: translate(0, 0px) rotate(45deg);
    -o-transform: translate(0, 0px) rotate(45deg);
    transform: translate(0, 0px) rotate(45deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0, -5px) rotate(45deg);
    -moz-transform: translate(0, -5px) rotate(45deg);
    -ms-transform: translate(0, -5px) rotate(45deg);
    -o-transform: translate(0, -5px) rotate(45deg);
    transform: translate(0, -5px) rotate(45deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 10px) rotate(45deg);
    -moz-transform: translate(0, 10px) rotate(45deg);
    -ms-transform: translate(0, 10px) rotate(45deg);
    -o-transform: translate(0, 10px) rotate(45deg);
    transform: translate(0, 10px) rotate(45deg);
  }
}
@-moz-keyframes arrow_t {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0px) rotate(45deg);
    -moz-transform: translate(0, 0px) rotate(45deg);
    -ms-transform: translate(0, 0px) rotate(45deg);
    -o-transform: translate(0, 0px) rotate(45deg);
    transform: translate(0, 0px) rotate(45deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0, -5px) rotate(45deg);
    -moz-transform: translate(0, -5px) rotate(45deg);
    -ms-transform: translate(0, -5px) rotate(45deg);
    -o-transform: translate(0, -5px) rotate(45deg);
    transform: translate(0, -5px) rotate(45deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 10px) rotate(45deg);
    -moz-transform: translate(0, 10px) rotate(45deg);
    -ms-transform: translate(0, 10px) rotate(45deg);
    -o-transform: translate(0, 10px) rotate(45deg);
    transform: translate(0, 10px) rotate(45deg);
  }
}
@-ms-keyframes arrow_t {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0px) rotate(45deg);
    -moz-transform: translate(0, 0px) rotate(45deg);
    -ms-transform: translate(0, 0px) rotate(45deg);
    -o-transform: translate(0, 0px) rotate(45deg);
    transform: translate(0, 0px) rotate(45deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0, -5px) rotate(45deg);
    -moz-transform: translate(0, -5px) rotate(45deg);
    -ms-transform: translate(0, -5px) rotate(45deg);
    -o-transform: translate(0, -5px) rotate(45deg);
    transform: translate(0, -5px) rotate(45deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 10px) rotate(45deg);
    -moz-transform: translate(0, 10px) rotate(45deg);
    -ms-transform: translate(0, 10px) rotate(45deg);
    -o-transform: translate(0, 10px) rotate(45deg);
    transform: translate(0, 10px) rotate(45deg);
  }
}
@-o-keyframes arrow_t {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0px) rotate(45deg);
    -moz-transform: translate(0, 0px) rotate(45deg);
    -ms-transform: translate(0, 0px) rotate(45deg);
    -o-transform: translate(0, 0px) rotate(45deg);
    transform: translate(0, 0px) rotate(45deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0, -5px) rotate(45deg);
    -moz-transform: translate(0, -5px) rotate(45deg);
    -ms-transform: translate(0, -5px) rotate(45deg);
    -o-transform: translate(0, -5px) rotate(45deg);
    transform: translate(0, -5px) rotate(45deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 10px) rotate(45deg);
    -moz-transform: translate(0, 10px) rotate(45deg);
    -ms-transform: translate(0, 10px) rotate(45deg);
    -o-transform: translate(0, 10px) rotate(45deg);
    transform: translate(0, 10px) rotate(45deg);
  }
}
@keyframes arrow_t {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0px) rotate(45deg);
    -moz-transform: translate(0, 0px) rotate(45deg);
    -ms-transform: translate(0, 0px) rotate(45deg);
    -o-transform: translate(0, 0px) rotate(45deg);
    transform: translate(0, 0px) rotate(45deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(0, -5px) rotate(45deg);
    -moz-transform: translate(0, -5px) rotate(45deg);
    -ms-transform: translate(0, -5px) rotate(45deg);
    -o-transform: translate(0, -5px) rotate(45deg);
    transform: translate(0, -5px) rotate(45deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 10px) rotate(45deg);
    -moz-transform: translate(0, 10px) rotate(45deg);
    -ms-transform: translate(0, 10px) rotate(45deg);
    -o-transform: translate(0, 10px) rotate(45deg);
    transform: translate(0, 10px) rotate(45deg);
  }
}
